<template>
<div class="field inline" :class="{disabled: data.readonly}">
  <label >{{data.label}}</label>
  <span>{{data.value}}</span>
</div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  props: {
    data:{
      type:Object,
      default(){
        return {}
      }
    }
  }
};
</script>

<style scoped>
.field {}
</style>
